// 引入react核心库
import React from 'react'
// 引入ReactDom
import ReactDOM from 'react-dom'
// 引入App组件
import App from './App'
import store from './redux/store'
import { Provider } from 'react-redux'

// 渲染App到页面
ReactDOM.render(
    // 使用Provider就无需往每个容器，通过props形式传递store
    <Provider store={store}>
        <App></App>
    </Provider>
    , document.getElementById('root')
)

/** 
 * 使用react-redux后，不需要检测redux中的变化，在容器组件connect中已经自动处理了
 * */ 
// 检测redux中状态的变化，只要变化，就调用render重新渲染App组件
// store.subscribe(() => {
//     ReactDOM.render(
//         <App></App>
//         , document.getElementById('root'))
// })